<div style="height:100%;position:relative;">

<div id="empListDiv" class="border" style="position:absolute;left:1px;;right:250px;top:3px;bottom:3px;overflow:auto;">

</div>

<div id="empHandleDiv" class="span-6" style="position:absolute;right:1px;top:3px;bottom:3px;">
        <ul class="v-menu">
            <li id="saveEmp" class="quiet v-menuitem hide">Save Now</li>
            <li id="addEmp" class="quiet v-menuitem">Add a Employee</li>
            <li id="updateEmp" class="quiet v-menuitem">Update a Employee</li>
            <li id="removeEmp" class="quiet v-menuitem">Remove a Employee</li>
        </ul>
</div>

</div>


<div id="dialogDiv" class="span-12 box" style="display:none;">
    <form id="dialog">
        <div class="span-7 left first">
        <p>
            <label for="name">Name</label><br>
            <input type="text" class="title span-7" id="name" name="Name">
        </p>
        <p>
            <label for="birthday">Date of Birth</label><br>
            <input type="text" class="title span-7" id="birthday" name="Date of Birth">
        </p>
        <p>
            <label for="email">Email</label><br>
            <input type="text" class="title span-7" id="email" name="Email">
        </p>
        <p>
            <label for="phone">Phone Number</label><br>
            <input type="text" class="title span-7" id="phone" name="Phone Number"/>
        </p>
        <p id="genderSelector">
            <input type="radio" id="male" name="gender" value="male" checked="checked"/>
            <label for="male">Male</label>
            <input type="radio" id="female" name="gender" value="female"/>
            <label for="female">Female</label>
        </p>
        <p>
            <input type="button" name="save" value="Save">
            <input type="button" name="add" value="Add and Continue">
            <input type="button" name="cancel" value="Cancel"/>
        </p>
        </div>
        <div id="posSelector" class="span-5 right last"></div>
    </form>
</div>